<template>

    <div class="navbar mb-2 shadow-lg  text-neutral-content  flex-1 bg-green-500">
        <div class="flex-none px-2 mx-2">
            <span class="text-lg font-bold">
                    daisyUI
                </span>
        </div> 
        <div class="flex-1 px-2 mx-2">
            <div class="items-stretch hidden lg:flex">
            <a class="btn btn-ghost btn-sm rounded-btn">
                    Home
                    </a> 
            <a class="btn btn-ghost btn-sm rounded-btn">
                    Portfolio
                    </a> 
            <a class="btn btn-ghost btn-sm rounded-btn">
                    About
                    </a> 
            <a class="btn btn-ghost btn-sm rounded-btn">
                    Contact
                    </a>
            </div>
        </div> 
        <div class="flex-none">
            <button class="btn btn-square btn-ghost">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="inline-block w-6 h-6 stroke-current">              
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>            
            </svg>
            </button>
        </div> 
        <div class="flex-none">
            <button class="btn btn-square btn-ghost">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="inline-block w-6 h-6 stroke-current">             
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>             
            </svg>
            </button>
        </div>
    </div>


      <!-- <img
                class="site-domain cursor-pointer w-36"
                src="https://newbieup.com/assets/logo_black_white.8ce89623.png"
                alt="NewbieUp.Com"
            />
            <div class="nav-wrapper flex justify-center items-center">
                <nav class="flex items-center space-x-2 px-3" data-v-8ff9b2e6>
                    <div class="item">
                        <a
                            class="p-2 inline-flex items-center transition duration-50 text-white font-bold"
                            href="/"
                        >发现</a>
                    </div>
                    <div class="item">
                        <a
                            class="p-2 inline-flex items-center transition duration-50 text-white font-bold"
                            href="/notes"
                        >单词</a>
                    </div>
                    <div class="item">
                        <a
                            class="p-2 inline-flex items-center transition duration-50 text-white font-bold"
                            href="/devsites"
                        >词根</a>
                    </div>
                    <div class="item">
                        <a
                            class="p-2 inline-flex items-center transition duration-50 text-white font-bold"
                            href="/devsites"
                        >关于</a>
                    </div>
                </nav>
            </div>
            <div class="header-right flex flex-1 justify-end">
                <div class="ml-50px">
                    <a href="/user/register">立即注册</a>
                    |
                    <a href="/user/login">登录</a>
                </div>
                <div class="ml-50px mr-20px">
                      <div class="dropdown dropdown-end">
                        <button tabindex="0" class="btn btn-outline btn-active" role="button" aria-pressed="true">Admin</button> 
                        <ul tabindex="0" class="p-2 shadow menu dropdown-content bg-base-100 rounded-box w-52">
                            <li>
                                <a>Item 1</a>
                            </li> 
                            <li>
                                <a>Item 2</a>
                            </li> 
                            <li>
                                <a>Item 3</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div> -->
</template>
<script lang="ts" setup></script>
